<header>
    如何定义一个页面？
</header>
<h2>
    基本结构
</h2>
<pre tag="javascript">
Page({

    // 数据
    data:{},

    // 自定义方法
    doit(){},

    // 生命周期
    onLoad(options){}, // 监听页面加载
    onReady(){}, // 监听页面初次渲染完成
    onShow(){}, // 监听页面显示
    onHide(){}, // 监听页面隐藏
    onUnload(){}, // 监听页面卸载

    // 特殊处理
    onPullDownRefresh(){}, // 监听用户下拉动作
    onReachBottom(){}, // 页面上拉触底事件的处理函数
    onShareAppMessage(){}, // 用户点击右上角分享
});
</pre>
<h2>
    数据的获取和修改
</h2>
<p>
    比如我们有个数据：
</p>
<pre tag="javascript">
Page({
    data:{
        tips:"初始化数据"
    }
});
</pre>
<h3>
    获取
</h3>
<pre tag="javascript">
    console.log("tips初始数据是："+this.data.tips);
</pre>
<h3>
    修改
</h3>
<pre tag="javascript">
    this.setData({tips:"新的值"});
</pre>